<style>
    .welcome .banner { text-align: center; margin:0 auto; min-width: 860px}
    .welcome .banner img {height: 295px; width: 100%}
    .welcome .layui-card {border:1px solid #f2f2f2;border-radius:5px}
    .welcome .icon {margin-right:10px;color:#1aa094;}
    .welcome .icon-cray {color:#ffb800; vertical-align: center !important;}
    .welcome .icon-blue {color:#1e9fff !important;}
    .welcome .icon-tip {color:#ff5722 !important;}
    .welcome .layuimini-qiuck-module {text-align:center;margin-top:10px}
    .welcome .layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
    .welcome .layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
    .welcome .welcome-module {width:100%;height:100px;}
    .welcome .panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
    .welcome .panel-body {padding:10px}
    .welcome .panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
    .welcome .panel-left {display: flex;align-items: center;}
    .welcome .title {display:inline;padding:.2em .6em .3em;font-size:100%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top:.3em;}
    .welcome .label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top:.3em;margin-right: .5em}
    .welcome .layui-red {color:red}
    .welcome .main_btn > p {height:40px;}

    .welcome .layui-bg-number {background-color:#F8F8F8;}
    .welcome .layuimini-notice:hover {background:#f6f6f6;}
    .welcome .layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
    .welcome .layuimini-notice-title,.layuimini-notice-label {padding-right:70px !important;text-overflow:ellipsis !important;overflow:hidden !important;white-space:nowrap !important;}
    .welcome .layuimini-notice-title {line-height:28px;font-size:14px;}
    .welcome .layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}

    .VCFD {display: flex;flex-direction: column;margin-left: .5em}


    .VC {display: flex;align-items: center;}
    .VCSP {display: flex;align-items: center;justify-content: space-between;}

    .VCFDC {display: flex;flex-direction: column;align-items: center;}
    .VCFDL {display: flex;flex-direction:row;align-items: center;}

    /*--*/
    .welcome .course-module {width:100%;height:200px;}

    .welcome .liveing-module {width:100%;height:230px;}

    .atick-list {
        flex-wrap: wrap;
    }

    .atick-list .atick-list-center {
        border-radius: 4px;
        background-color: #fff;
        width: 230px;
        font-size: 15px;
        box-sizing: border-box;
        padding: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        margin-bottom: 15px;
    }

    .atick-list .atick-list-item {
        border-radius: 10px;
        /*background-color: #F1F1F1;*/
        width: 106px;
        height: 44px;
        font-size: 12px;
        box-sizing: border-box;
        text-align: center;
        padding: 12px;
        /*box-shadow: 0 2px 10px rgba(0, 0, 0, .1);*/
        margin-bottom: 8px;
        margin-right: 35px;
        /*list-style: none;*/
        float:left;
    }

    .atick-list-center img {
        width: 65px;
        height: 65px;
        border-radius: 5px;
    }
    .F24 {
        font-size: 24px;
        font-weight: bold;
    }
    .F20 {
        font-size: 20px;
    }
    .F14 {
        font-size: 14px;
    }

    .F16 {
        font-size: 16px;
    }

    .mb4 {
        margin-bottom: 4px;
    }
    .mb1 {
        margin-bottom: 1px;
    }
    .tech {padding: 3px 6px;margin-left: 0em; text-align: center; r}
</style>
<div class="layuimini-container">
    <div class="layuimini-main welcome" style="min-width: 1280px;max-width: 1600px; margin: 0 auto">

        <div class="layui-card">
            <div class="layui-card-body banner">
                <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
            </div>
        </div>


        <div class="layui-row">
            <div class="layui-row layui-col-space15">
                <div class="atick-center">
                    <div class="aticklist-title">
                        <span>名师课堂</span>
                        <i class="layui-icon layui-icon-right"></i>
                    </div>

                    <ul class="atick-list VCSP">

                        <li class="atick-list-center VC">
                            <img src="images/timg.jpg" alt="">
                            <div class="VCFD name">
                                <span class="F16 mb1">张三</span>
                                <span class="title mb1 layui-bg-blue">资深讲师</span>
                                <small>教学领域:数学</small>
                            </div>
                        </li>

                        <li class="atick-list-center VC">
                            <img src="images/timg.jpg" alt="">
                            <div class="VCFD name">
                                <span class="F16 mb1">张三</span>
                                <span class="title mb1 layui-bg-blue">资深讲师</span>
                                <small>教学领域:数学</small>
                            </div>
                        </li>

                        <li class="atick-list-center VC">
                            <img src="images/timg.jpg" alt="">
                            <div class="VCFD name">
                                <span class="F16 mb1">张三</span>
                                <span class="title mb1 layui-bg-blue">资深讲师</span>
                                <small>教学领域:数学</small>
                            </div>
                        </li>

                        <li class="atick-list-center VC">
                            <img src="images/timg.jpg" alt="">
                            <div class="VCFD name">
                                <span class="F16 mb1">张三</span>
                                <span class="title mb1 layui-bg-blue">资深讲师</span>
                                <small>教学领域:数学</small>
                            </div>
                        </li>

                        <li class="atick-list-center VC">
                            <img src="images/timg.jpg" alt="">
                            <div class="VCFD name">
                                <span class="F16 mb1">张三</span>
                                <span class="title mb1 layui-bg-blue">资深讲师</span>
                                <small>教学领域:数学</small>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>


        <div class="layui-row">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">直播课堂&nbsp;<i class="fa fa-angle-right"></i></div>
                        <div class="layui-card-body">
                            <div class="liveing-module">
                                <div class="layui-row layui-col-space10">
                                    <div class="layui-col-xs3">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>
                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-blue">08-12 23:00</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-xs3">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>
                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-blue">08-12 23:00</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-xs3">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>
                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-blue">08-12 23:00</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-xs3">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>
                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-blue">08-12 23:00</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="layui-row">
            <div class="layui-row layui-col-space12">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">好课推荐&nbsp;<i class="fa fa-angle-right"></i></div>
                        <div class="layui-card-body">
                            <div class="course-module">
                                <div class="layui-row layui-col-space10">

                                    <div class="layui-col-xs4">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>

                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-red">￥ 99</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-xs4">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>

                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-red">￥ 99</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-col-xs4">
                                        <div class="panel layui-bg-number">
                                            <div class="panel-title">
                                                <img style="width: 100%; height: 95px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601202387730&di=614e9d0ca57b51359f4a4e62633bb616&imgtype=0&src=http%3A%2F%2Ft7.baidu.com%2Fit%2Fu%3D1179872664%2C290201490%26fm%3D79%26app%3D86%26f%3DJPEG%3Fw%3D1280%26h%3D854">
                                            </div>
                                            <div class="panel-body">
                                                <div class="panel-title">
                                                    <h2 class="no-margins">三年级语文阅读理解答 题技巧全汇总！</h2>
                                                    <span>学生抱怨太难？</span>

                                                </div>
                                                <div class="panel-content">
                                                    <span class="label pull-right layui-bg-red">￥ 99</span>
                                                    <span><img src="images/timg.jpg" style="width: 20px; height: 20px">&nbsp;张三 | 包含2课时</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>
</div>
